var sx = null;

function sxTable() {
    sx.reload()
}

layui.use(['table','form'],function() {
    var table = layui.table;
    var form = layui.form;


    //监听顶部刷新按钮
    form.on('submit(sx)',function (d){
        location.reload();
    })

    //鉴定顶部返回按钮
    form.on('submit(fh)',function (d){
        layer.msg('返回上一级页面')
    })


    //监听顶部搜索按钮
    form.on('submit(*)',function (d){
        var data = d.field;
        sx.reload({
            where:{
                userAccount:data.userAccount,
                userName:data.userName
            }
        },true);
        return false
    })

    //监听顶部重置按钮
    form.on('submit(cz)',function (d){
        var data = d.field

        $("[name = userAccount]").val('')
        $("[name = userName]").val('')

        sx.reload({
            url:'/getUserCouponList',
            where:{
                userAccount:null,
                userName:null,
            }
        },true)
        return false
    })


    sx = table.render({
        elem: '#demo',
        url: '/getUserCouponList',
        page: {
            layout: ['count', 'prev', 'page', 'next', 'limit'],
            groups: 5,
            limit: 5,// 每条的页数
            limits: [5, 10, 20] // 可选的每条的页数
        },
        cols: [
            [
                {field: 'userId', title: '用户序号', width: 120,align: 'center'},
                {field: "userUrl", title: "用户头像",width: 180, align: 'center',templet:function (d){
                    return '<img src="http://43.143.176.39/'+ d.userUrl +' " width="100px" height="100px" style="border-radius: 30px"; border="2 solid blue" > '
                }},
                {field: 'userAccount', title: '用户账户', width: 160, align: 'center'},
                {field: 'userName', title: '用户名称', width: 160, align: 'center'},
                {field: 'ysy', title: '已使用', width: 140, align: 'center',templet:function (d){
                    return ' <div style="color: deepskyblue;font-weight: 800"> '+ d.ysy + ' 张 </div>'
                }},
                {field: 'wsy', title: '未使用', width: 140, align: 'center',templet:function (d){
                        return ' <div style="color: yellowgreen;font-weight: 800"> '+ d.wsy + ' 张 </div>'
                }},
                {field: 'ygq', title: '已过期', width: 140, align: 'center',templet:function (d){
                        return ' <div style="color: orangered;font-weight: 800"> '+ d.ygq + ' 张 </div>'
                }},
                {toolbar: '#tooldemo', width: 181, title: '操作', align: 'center'}
            ]
        ],
        parseData: function (res) {
            return {
                "code": res.code,
                "msg": res.msg,
                "count": res.count,
                "data": res.data
            }
        },
        skin: 'line',
        toolbar: '#toolbarbtn'
    })


    table.on('tool(userdemo)', function (obj) {
        var event = obj.event;
        if (event === 'zs') {
            layer.open({
                type: 2,
                title: '赠送优惠券',
                content: '../user/userManagement/couponTable.html',
                area: ['90%', '90%'],
                shade:[1,'#37444B'],
                anim:4,
                //弹出层成功弹出后的回调函数
                success:function (layero,index) {
                    //父页面向子页面传参 -- 向iframe层传数据
                    //获取iframe页面
                    var body = layer.getChildFrame('body', index);
                    body.find('#userArray').val(obj.data.userId);
                }
            })
        }
    })
})
